<template>
    <div class="my_manage">
        <div class="my_header">
            
            <img src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1523571786,2978344344&fm=26&gp=0.jpg" alt="" class="cover_img">
            <span class="user_name">{{name}}</span>
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
    import Footer from '@/components/footer'
    export default  {
        name: 'list',
        components:{
            Footer,
        },
        data() {
            return {
                name: '啦啦~~'
            }
        }
    }
</script>

<style scoped lang="less">
.my_manage {
    .my_header {
        padding:4rem 2rem;
        background-color: #f2890d;
        .user_name {
            color:#fff;
            margin-left: 2rem;
        }
    }
    .cover_img{
        margin-left: 1rem;
        width:6rem;
        height: 6rem;
        border-radius: 50%;
    }
}
</style>